<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="author" content="order by dede58.com"/>
    <title>小米商城-个人中心</title>
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <!--bootstrap-->
    <!--<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">-->
</head>
<body>
<!-- start header -->
<header id="nav">
    <div class="top center">
        <div class="left fl">
            <ul>
                <li><a href="/views/index.html" target="_blank">小米商城</a></li>
                <li>|</li>
                <li><a href="">MIUI</a></li>
                <li>|</li>
                <li><a href="">米聊</a></li>
                <li>|</li>
                <li><a href="">游戏</a></li>
                <li>|</li>
                <li><a href="">多看阅读</a></li>
                <li>|</li>
                <li><a href="">云服务</a></li>
                <li>|</li>
                <li><a href="">金融</a></li>
                <li>|</li>
                <li><a href="">小米商城移动版</a></li>
                <li>|</li>
                <li><a href="">问题反馈</a></li>
                <li>|</li>
                <li><a href="">Select Region</a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="right fr">
            <div class="gouwuche fr"><a href="/views/dingdanzhongxin.html">我的订单</a></div>
            <div class="fr">
                <ul>
                    <li><a href="/views/login.html" target="_blank" v-if="!userInfo.success">登录</a></li>
                    <li v-if="!userInfo.success">|</li>
                    <li><a href="/views/register.html" target="_blank" v-if="!userInfo.success">注册</a></li>
                    <li v-if="userInfo.success"><a href="">{{userInfo.data.userName}}</a></li>
                    <li v-if="userInfo.success">|</li>
                    <li v-if="userInfo.success"><a href="/logout">退出</a></li>
                    <li v-if="userInfo.success">|</li>
                    <li v-if="userInfo.success"><a href="">消息通知</a></li>
                    <li>|</li>
                    <li><a href="/views/dingdanzhongxin.html">订单中心</a></li>
                    <li>|</li>
                    <li><a href="/views/self_info.html">个人中心</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</header>
<!--end header -->
<!-- start banner_x -->
<div class="banner_x center">
    <a href="/views/index.html" target="_blank"><div class="logo fl"></div></a>
    <a href=""><div class="ad_top fl"></div></a>

    <div id="kind" class="nav fl">
        <ul>
            <li v-for="k in kind_arr"><a :href="'/shoppingsingle/ddCategorysInfo/' + k.id" target="_blank">{{k.categoryName}}</a></li>
        </ul>
    </div>

    <div class="search fr">
        <form action="" method="post">
            <div class="text fl">
                <input type="text" class="shuru"  placeholder="小米6&nbsp;小米MIX现货">
            </div>
            <div class="submit fl">
                <input type="submit" class="sousuo" value="搜索"/>
            </div>
            <div class="clear"></div>
        </form>
        <div class="clear"></div>
    </div>
</div>
<!-- end banner_x -->
<!-- self_info -->
<div class="grzxbj">
    <div class="selfinfo center">
        <div class="lfnav fl">
            <div class="ddzx">订单中心</div>
            <div class="subddzx">
                <ul>
                    <li><a href="/views/dingdanzhongxin.html" >我的订单</a></li>
                    <li><a href="">意外保</a></li>
                    <li><a href="">团购订单</a></li>
                    <li><a href="">评价晒单</a></li>
                </ul>
            </div>
            <div class="ddzx">个人中心</div>
            <div class="subddzx">
                <ul>
                    <li><a href="order_detail.html" style="color:#ff6700;font-weight:bold;">订单详情</a></li>
                    <li><a href="">消息通知</a></li>
                    <li><a href="">优惠券</a></li>
                    <li><a href="">收货地址</a></li>
                </ul>
            </div>
        </div>
        <div id="subOrderApp" class="rtcont fr">
            <span><strong>订单详情</strong></span>
            <br/>
            <br/>

            <table border="1" cellspacing="0">
                <!--<thead>-->
                <tr>
                    <th width="200px">商品名称</th>
                    <th width="200px">版本描述</th>
                    <th width="200px">颜色</th>
                    <th width="200px">实际支付价格</th>
                </tr>
                <!--</thead>-->
                <!--<tbody>-->
                <tr v-for="sub in subOrder">
                    <td width="200px" style="text-align: center">{{sub.pdName}}</td>
                    <td width="200px" style="text-align: center">{{sub.pdVersion}}</td>
                    <td width="200px" style="text-align: center">{{sub.color}}</td>
                    <td width="200px" style="text-align: center">{{sub.actualPrice}}</td>
                </tr>

                <!--</tbody>-->
            </table>


            <!--<div class="grzlbt ml40" >我的订单详情</div>-->
            <!--<div class="subgrzl ml40">-->
                <!--<span>订单号</span><span>{{subOrder.id}}</span><span><a href="">编辑</a></span>-->
            <!--</div>-->
            <!--<div class="subgrzl ml40">-->
                <!--<span>商品id</span><span>{{subOrder.pdId}}</span><span><a href="">编辑</a></span></div>-->
            <!--<div class="subgrzl ml40">-->
                <!--<span>商品名称</span><span>{{subOrder.pdName}}</span><span><a href="">编辑</a></span>-->
            <!--</div>-->
            <!--<div class="subgrzl ml40">-->
                <!--<span>版本描述</span><span>{{subOrder.version}}</span><span><a href="">编辑</a></span>-->
            <!--</div>-->
            <!--<div class="subgrzl ml40">-->
                <!--<span>颜色</span><span>{{subOrder.color}}</span><span><a href="">编辑</a></span>-->
            <!--</div>-->
            <!--<div class="subgrzl ml40">-->
                <!--<span>实际支付价格</span><span>{{subOrder.actualPrice}}</span><span><a href="">编辑</a></span>-->
            <!--</div>-->
            <!--<div class="subgrzl ml40">-->
                <!--<span>主订单id</span><span>{{subOrder. orId}}</span><span><a href="">编辑</a></span>-->
            <!--</div>-->
            <!--<div class="subgrzl ml40">-->
                <!--<span>创建时间</span><span>{{subOrder.createTime}}</span><span><a href="">编辑</a></span>-->
            <!--</div>-->

        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- self_info -->

<footer class="mt20 center">
    <div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
    <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
    <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
</footer>



<!--bootstrap-->
<!--<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>-->
<!--<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>-->

<!--引入vue框架-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!--引入axios框架-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>





<script src="/js/self_info.js"></script>
<script src="/js/common.js"></script>
<script src="/js/order_detail.js"></script>
</body>
</html>